<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生管理系统</title>
    <style>
        body { font-family: Arial, sans-serif; padding: 20px; max-width: 1200px; margin: auto; }
        h1, h2, h3 { color: #333; }
        input[type="text"], input[type="number"] { width: 100%; padding: 8px; margin-bottom: 10px; box-sizing: border-box; }
        button { padding: 8px 16px; background-color: #007bff; color: white; border: none; cursor: pointer; margin-right: 10px; }
        button:hover { background-color: #0056b3; }
        table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
        th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; }
        th { background-color: #f4f4f4; }
        .card { border: 1px solid #ccc; border-radius: 5px; padding: 10px; width: 250px; display: inline-block; margin: 10px; vertical-align: top; }
        .page-break { page-break-after: always; }
        nav a { margin-right: 10px; color: #007bff; text-decoration: none; }
        nav a:hover { text-decoration: underline; }
    </style>
</head>
<body>
    <nav>
        <a href="/">首页</a>
        <a href="/students">学生管理</a>
        <a href="/exams">考试管理</a>
        <a href="/scores">成绩管理</a>
        <a href="/analysis">成绩分析</a>
    </nav>

    <h1>欢迎来到学生管理系统</h1>
    <p>这是一个简单的学生信息和成绩管理系统。</p>

    <h2>快速导航</h2>
    <ul>
        <li><a href="/students">学生管理</a></li>
        <li><a href="/exams">考试管理</a></li>
        <li><a href="/scores">成绩管理</a></li>
        <li><a href="/analysis">成绩分析</a></li>
    </ul>

    <h2>最近的学生信息</h2>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>生日</th>
                <th>籍贯</th>
                <th>星座</th>
                <th>生肖</th>
                <th>身份证号</th>
            </tr>
        </thead>
        <tbody>
            {% for student in students %}
            <tr>
                <td>{{ student.id }}</td>
                <td>{{ student.name }}</td>
                <td>{{ student.gender }}</td>
                <td>{{ student.age }}</td>
                <td>{{ student.birthDate }}</td>
                <td>{{ student.region }}</td>
                <td>{{ student.zodiacSign }}</td>
                <td>{{ student.chineseZodiac }}</td>
                <td>{{ student.idCard }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <h2>最近的考试信息</h2>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>名称</th>
                <th>时间</th>
            </tr>
        </thead>
        <tbody>
            {% for exam in exams %}
            <tr>
                <td>{{ exam.id }}</td>
                <td>{{ exam.name }}</td>
                <td>{{ exam.time }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</body>
</html>